<template>
	<view class="">
		<view class="">
			<view class="top" style="padding-top: 70rpx;">
				<!-- 顶部文字 -->
				<view class="mytitle">
					<view class=""
						style="margin-left: 38rpx;color: #FFFFFF; display: flex; justify-content: space-between;">
						<view>

							<image :src="$util.img(logo)" mode=""
								style="width: 172rpx;height: 70rpx;margin-left: 38rpx;"></image>
						</view>
						<view style="margin-right: 38rpx; display: flex; align-items: center;color: #FFFFFF;">

							<!-- 电话：400-3077-839 -->
							<!-- 							<image src="../../../static/sao.png" mode="" style="width: 33rpx; height: 33.05rpx;">
							</image> -->
						</view>
					</view>
				</view>
				<!-- 顶部文字end -->
				<!-- 搜索 -->
				<view class="myinput">
					<view style="width: 600rpx;">
						<input type="text" value="" placeholder="" v-model="mycontent" />
					</view>
					<view @click="gosearch()">
						<image src="../../../static/search.png" mode=""
							style="width:50rpx; height: 50rpx; margin-top: 10rpx;">
						</image>
					</view>
				</view>
				<!-- 搜索end -->
				<view class="resou" style="display: flex;">
					<view class="resou-tit">
						{{resou}}
					</view>
					<view class="" style="display: flex; flex-wrap: wrap;">
						<view class="myresou" v-for="(item,index) in jilu" style="margin-top: 10rpx;"
							@click="sousearch(item.goods_name)">
							{{item.goods_name}}
						</view>
					</view>

				</view>


				<!-- 轮播图 -->
				<view class="" style="width: 100%; height: 360rpx; margin-top: 30rpx;">
					<!-- 375*180px -->
					<swiper class="screen-swiper" :class="dotStyle?'square-dot':'round-dot'" :indicator-dots="true"
						:circular="true" :autoplay="true" interval="5000" duration="500"
						style="width: 100%;height: 360rpx;">
						<swiper-item v-for="(item,index) in swiperList" :key="index" @click="goSwiper(item.adv_url)">
							<image :src="$util.img(item.adv_image)"
								style="width: 100%; height: 360rpx; border-radius: 20rpx;">
							</image>
						</swiper-item>
					</swiper>
				</view>
				<!-- 轮播图end -->
				<view class="mybanner" style="margin-top: 16rpx;display: flex;justify-content: center;"
					v-if="couponList" v-for="item in couponList">

					<!-- 						<image src="../../../static/coupon.png" mode="aspectFit" 
							style="width: 640rpx;height: 158rpx;"></image> -->



					<!-- <view style="background-image: url('../../../static/coupon.png');width: 640rpx;height: 158rpx;" > -->
					<view :style="{backgroundImage:`url(${indexBackgroundImage})` ,backgroundSize: '640rpx 158rpx'}"
						style="width: 640rpx;height: 158rpx;">


						<view style="display: flex;">

							<view style="text-align: right;font-size: 45rpx;color: #EF381E;width: 43%;margin-top: 21px;"
								:style="item.money<100?'margin-right:20px':''">
								<!-- 33 -->
								<!-- 101.00 -->
								{{item.money}}
							</view>
							<!-- <view style="color: #FFFFFF;text-align: right;margin-top: 100rpx;margin-right: 20rpx;"> -->
							<view
								style="color: #FFFFFF;margin-top: 10rpx;width: 57%;margin-top: 90rpx;	margin-right: 20rpx;font-size: 13px;text-align: center;">
								{{ item.start_time }}至{{ item.end_time }}
							</view>
						</view>

					</view>
				</view>

			</view>
			<!-- 分类 -->
			<view class="fenlei" style="margin-top: 20rpx;">
				<view v-for="(item,index) in categorylist" class="myicon" style="">
					<view @click="gotiao(item.category_id)" style="width: 100rpx; height: 100rpx;">
						<image :src="$util.img(item.category_pic)" mode="" style="width: 100rpx; height: 100rpx;">
						</image>
					</view>
					<view class="text" style=" display: flex;">
						{{item.category_name}}
					</view>
				</view>
				<view class="myicon" style="">
					<view style="width: 100rpx; height: 100rpx;" @click="gotiao(12)">
						<image src="../../../static/images/all.png" mode="" style="width: 100rpx; height: 100rpx;">
						</image>
					</view>
					<view class="text" style=" display: flex;">
						积分商城
					</view>
				</view>

			</view>
			<!-- 分类end-->
			<view class="mymain">
				<!-- banner图 -->
				<view class="mybanner" style="margin-top: 16rpx;" @click="active()">

					<image :src="$util.img(web_qrcode)" mode="" style="width: 640rpx; margin: 0 auto; height: 188rpx;">
					</image>
				</view>

				<!-- banner图 end-->
				<!-- 会员限时抢购 -->
				<!-- <view class="member">
					<view style="display: flex; justify-content: space-between;" @click="qiang()">
						<view class="member-top">
							<view class="qiang">
								会员限时抢购
							</view>
							<view class="member-tit">
								每天10点 准时上新
							</view>
						</view>
						<view class="">
							<text style="font-size: 24rpx; color: #B6B9C3;margin-right: 6rpx;">更多</text>
							<image src="../../../static/jiantou.png" mode=""style="width: 10rpx; height: 20rpx; margin-right: 24rpx;"></image>
						</view>
					</view>
					
					<view class="member">
						<scroll-view scroll-x="true"> 
							<view class="member-main" style=" display: flex;">
								<view class="myfor" v-for="item in 4" style="margin-right: 21rpx;">
									<view class="member-img">
										<image src="../../../static/1.png" mode="" style="width: 132rpx; height: 102rpx;">
										</image>
									</view>
									<view class="member-img-tit">
										<text>二甲双胍格本脲片(I)</text>
										<view class="" style="display: flex; justify-content: space-between;">
											<text style="font-size: 24rpx;font-family: Roboto; color: #DD4A4A;">¥2.59</text>
											<text style="font-size: 14rpx;font-family: Roboto; color: #E1E1E1;">¥4.89</text>
										</view>
									</view>
								</view>
							</view>
						</scroll-view>
					</view>
				</view> -->
				<!-- 会员限时抢购end -->
				<view class="active-tit">
					精选活动
				</view>
				<!-- 精选活动 -->
				<view class="member">
					<view style="display: flex; justify-content: space-between;" @click="myessence()">
						<view class="member-top">
							<view class="fuli">
								新人专享福利
							</view>
						</view>
						<view class="">
							<text style="font-size: 24rpx; color: #B6B9C3; margin-right: 6rpx;">更多</text>
							<image src="../../../static/jiantou.png" mode=""
								style="width: 10rpx; height: 20rpx; margin-right: 24rpx;"></image>
						</view>
					</view>
					<!-- 商品列表 -->
					<view class="member">
						<scroll-view scroll-x="true">
							<view class="member-main" style=" display: flex;">
								<navigator class="myfor" v-for="item in jingxuan" style="margin-right: 21rpx;"
									:url="'/pages/goods/detail/detail?goods_id=' + item.goods_id">
									<view class="member-img">
										<image :src="$util.img(item.pic_cover_small)" mode=""
											style="width: 132rpx; height: 102rpx;">
										</image>
									</view>
									<view class="member-img-tit">
										<view style="height: 100rpx;font-weight: 600;">{{item.goods_name}}</view>
										<view class=""
											style="display: flex; justify-content: space-between;align-items: center;">
											<text 
												style="font-size: 24rpx;font-family: Roboto; color: #DD4A4A;">¥{{!getToken?item.market_price:(userType == 1?item.price:item.z_price)}}</text>

											<!-- <text style="font-size: 24rpx;font-family: Roboto; color: #DD4A4A;">¥{{getToken}}</text> -->

											<!-- <text
												style="font-size: 19rpx;font-family: Roboto; color: #E1E1E1;">¥{{item.market_price}}</text> -->
										</view>
									</view>
								</navigator>
							</view>
						</scroll-view>
					</view>
				</view>
				<!-- 精选活动end -->
				<!-- 图片 -->
				<view class="zhanshi">
					<!-- <view style="display: flex; justify-content:space-around; margin-top: 16rpx;">
						<image :src="$util.img(leftimg.adv_image)" mode=""
							style="width: 312rpx; height:384rpx ;border-radius: 26rpx;" @click="toimg(leftimg.adv_url)">
						</image>
						<view style="display: flex; flex-direction: column; margin-left: 16rpx;">
							<image :src="$util.img(rightimg[0].adv_image)" mode=""
								style="width: 312rpx; height: 184rpx ;border-radius: 26rpx;"
								@click="toimg(leftimg.adv_url)"></image>
							<image :src="$util.img(rightimg[1].adv_image)" mode=""
								style="width: 312rpx; height: 184rpx;border-radius: 26rpx; margin-top: 16rpx;"
								@click="toimg(leftimg.adv_url)"></image>
						</view>
					</view> -->


					<view style="display: flex; justify-content:space-around; margin-top: 16rpx;">
						<image :src="$util.img(leftimg.adv_image)" mode=""
							style="width: 312rpx; height:384rpx ;border-radius: 26rpx;" @click="toimg(leftimg.adv_url)">
						</image>
						<view style="display: flex; flex-direction: column; margin-left: 16rpx;"
							v-if="rightimg.length>0">
							<image :src="$util.img(rightimg[0].adv_image)" mode=""
								style="width: 312rpx; height: 184rpx ;border-radius: 26rpx;"
								@click="toimg(rightimg[0].adv_url)"></image>
							<image :src="$util.img(rightimg[1].adv_image)" mode=""
								style="width: 312rpx; height: 184rpx;border-radius: 26rpx; margin-top: 16rpx;"
								@click="toimg(rightimg[1].adv_url)"></image>
						</view>
					</view>
					<!-- <view style="margin-top: 32rpx;display: flex;">
						<image src="../../../static/images/1.jpg" mode=""style="width: 312rpx; height:184rpx ;border-radius: 26rpx; margin-right: 16rpx;"></image>
						<image src="../../../static/images/1.jpg" mode=""style="width: 312rpx; height:184rpx ;border-radius: 26rpx;"></image>
					</view> -->
				</view>

				<!-- 热门推荐 -->
				<view class="active-tit">
					{{rementuijian}}
				</view>
				<view class="myforr" style="display: flex;padding-bottom: 100rpx;float: left; flex-flow:row wrap;">
					<view class="mylist" style="" v-for="(item,index) in cartlist">
						<navigator :url="'/pages/goods/detail/detail?goods_id=' + item.goods_id">
							<image :src="$util.img(item.pic_cover_small)" style="width:312rpx; height: 300rpx;"></image>
							<view class="" style="padding-left: 25rpx;">
								<view style="font-size: 29rpx;font-weight: 600;">{{item.goods_name}}</view>
								<view
									style="font-size: 20rpx; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;">
									{{item.keywords}}
								</view>

								<!-- <view>零售价:￥{{item.market_price}}</view> -->
								<view class=""
									style="display: flex; align-items: center;justify-content: space-between;">
									<view style="font-size: 36rpx; color: #DD4A4A;margin-right: 20rpx;">
										<!-- ￥{{getToken?item.price:item.market_price}} -->
										<!-- ￥{{getToken?item.price:item.market_price}} -->
										{{!getToken?item.market_price:(userType == 1?item.price:item.z_price)}}
									</view>


									<view @tap.stop="addshopping(item)">
										<image src="../../../static/addiCon.png"
											style="width: 35rpx; height: 35rpx;margin-right: 20rpx;margin-top: 5rpx;">
										</image>
									</view>
									<!-- <view style="font-size: 36rpx; color: #DD4A4A;margin-right: 20rpx;">￥{{item.price}}
									</view>
									<view style="font-size: 28rpx; color: 000000;">￥{{item.market_price}}</view> -->
								</view>
							</view>
						</navigator>
					</view>


				</view>
				<view class="active-tit">
					药王星精品控销
				</view>
					<view class="myforr" style="display: flex;padding-bottom: 100rpx;float: left; flex-flow:row wrap;">
						<view class="mylist" style="" v-for="(item,index) in jplist">
							<navigator :url="'/pages/goods/detail/detail?goods_id=' + item.goods_id">
								<image :src="$util.img(item.pic_cover_small)" style="width:312rpx; height: 300rpx;"></image>
								<view class="" style="padding-left: 25rpx;">
									<view style="font-size: 29rpx;font-weight: 600;">{{item.goods_name}}</view>
									<view
										style="font-size: 20rpx; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;">
										{{item.keywords}}
									</view>
					
									<!-- <view>零售价:￥{{item.market_price}}</view> -->
									<view class=""
										style="display: flex; align-items: center;justify-content: space-between;">
										<view style="font-size: 36rpx; color: #DD4A4A;margin-right: 20rpx;">
											<!-- ￥{{getToken?item.price:item.market_price}} -->
											{{!getToken?item.market_price:(userType == 1?item.price:item.z_price)}}
										</view>
					
					
										<view @tap.stop="addshopping(item)">
											<image src="../../../static/addiCon.png"
												style="width: 35rpx; height: 35rpx;margin-right: 20rpx;margin-top: 5rpx;">
											</image>
										</view>
										<!-- <view style="font-size: 36rpx; color: #DD4A4A;margin-right: 20rpx;">￥{{item.price}}
										</view>
										<view style="font-size: 28rpx; color: 000000;">￥{{item.market_price}}</view> -->
									</view>
								</view>
							</navigator>
						</view>
					
					
					</view>
				<view class="active-tit">
					近效期专区
				</view>
				
				<view class="myforr" style="display: flex;padding-bottom: 100rpx;float: left; flex-flow:row wrap;">
					<view class="mylist" style="" v-for="(item,index) in yushoulist">
						<navigator :url="'/pages/goods/detail/detail?goods_id=' + item.goods_id">
							<image :src="$util.img(item.pic_cover_small)" style="width:312rpx; height: 300rpx;"></image>
							<view class="" style="padding-left: 25rpx;">
								<view style="font-size: 29rpx;font-weight: 600;">{{item.goods_name}}</view>
								<view
									style="font-size: 20rpx; overflow: hidden;white-space: nowrap;text-overflow:ellipsis;">
									{{item.keywords}}
								</view>

								<!-- <view>零售价:￥{{item.market_price}}</view> -->
								<view class=""
									style="display: flex; align-items: center;justify-content: space-between;">
									<view style="font-size: 36rpx; color: #DD4A4A;margin-right: 20rpx;">
										<!-- ￥{{getToken?item.price:item.market_price}} -->
										{{!getToken?item.market_price:(userType == 1?item.price:item.z_price)}}
									</view>


									<view @tap.stop="addshopping(item)">
										<image src="../../../static/addiCon.png"
											style="width: 35rpx; height: 35rpx;margin-right: 20rpx;margin-top: 5rpx;">
										</image>
									</view>
									<!-- <view style="font-size: 36rpx; color: #DD4A4A;margin-right: 20rpx;">￥{{item.price}}
									</view>
									<view style="font-size: 28rpx; color: 000000;">￥{{item.market_price}}</view> -->
								</view>
							</view>
						</navigator>
					</view>


				</view>

			</view>
		</view>


		<view @touchmove.prevent.stop>
			<uni-popup ref="skuPopup" type="bottom" class="sku-layer">
				<view class="sku-info">
					<view class="header" style="">
						<view class="img-wrap">
							<image :src="$util.img(selectedSkuInfo.picCoverSmall)" />
						</view>
						<view class="main">
							<view v-if="goodsDetail['is_open_presell'] == 1">
								<view class="price-wrap">
									<text class="price ns-text-color">定金¥{{ goodsDetail.presell_price }}</text>
								</view>
							</view>
							<view v-else>
								<view class="price-wrap">
									<template
										v-if="(goodsDetail.point_exchange_type == 2 && fromSource == 'point') || goodsDetail.point_exchange_type == 3">

										<text class="price ns-text-color">{{ goodsDetail.point_exchange }}积分</text>
									</template>
									<template v-else>
										<text class="price ns-text-color">{{ selectedSkuInfo.displayPrice }}</text>
									</template>
								</view>
							</view>

							<view v-if="goodsDetail.is_stock_visible == 1" class="stock">
								库存{{ selectedSkuInfo.stock }}
								<template v-if="goodsDetail.goods_unit != ''">
									{{ goodsDetail.goods_unit }}
								</template>
								<template v-else>
									件
								</template>
							</view>

							<view class="sku-name">
								<template v-if="currentGoodsSkuName.length > 0">
									已选择：
									<text v-for="(item, index) in currentGoodsSkuName" :key="index">{{ item }}</text>
								</template>
							</view>
						</view>

						<view class="sku-close iconfont iconclose" @click="closeSkuPopup()"></view>
					</view>


					<view class="body-item" :class="{'safearea' : isIphoneX}">
						<scroll-view scroll-y="true" class="wrap">
							<view v-for="(item, index) in goodsDetail['spec_list']" :key="index" class="sku-list-wrap">
								<text class="title">{{ item.spec_name }}</text>
								<view v-for="(item_value, index_value) in item.value" :key="index_value"
									class="items ns-border-color-gray ns-bg-color-gray"
									:class="{ selected: item_value['selected'], disabled: item_value['disabled'] }"
									@click="selectedSku(item_value)">
									<template v-if="item_value.spec_show_type == 1">
										<text>{{ item_value.spec_value_name }}</text>
									</template>
									<template v-else-if="item_value.spec_show_type == 2">
										<image v-if="item_value.spec_value_data != ''"
											:src="$util.img(item_value.spec_value_data)"></image>
										<text>{{ item_value.spec_value_name }}</text>
									</template>

									<template v-else-if="item_value.spec_show_type == 3">
										<text v-if="item_value.spec_value_data != ''" class="color"
											:style="{ background: item_value.spec_value_data }"></text>
										<text>{{ item_value.spec_value_name }}</text>
									</template>
								</view>
							</view>

							<view class="number-wrap">
								<view class="number-line">
									<text class="title">购买数量</text>
									<text class="limit-txt" v-if="goodsDetail['max_buy'] > 0">
										(每人限购{{ goodsDetail['max_buy'] }}
										<template v-if="goodsDetail.goods_unit != ''">
											{{ goodsDetail.goods_unit }}
										</template>
										<template v-else>
											件
										</template>
										)
									</text>
									<view class="number">
										<button type="default" class="decrease" @click="changeNum('-')">-</button>
										<input class="uni-input" type="number" v-model="numbers" placeholder="0"
											@input="keyInput2" />
										<button type="default" class="increase" @click="changeNum('+')">+</button>
									</view>
								</view>
							</view>
						</scroll-view>
					</view>

					<button type="primary" style="position: absolute;bottom: 100rpx;" @click="confirm()" class="footer"
						:class="{ disabled: selectedSkuInfo.stock == 0, 'position-bottom': isIphoneX }">
						确定添加购物车
					</button>
				</view>
			</uni-popup>
		</view>

		<ns-login ref="login" href="goods_detail"></ns-login>
		<!-- <view class="myimg" v-if="isshowBtn" style="display: flex; justify-content: center; align-items: center;"
			@click="myisshow()">
			<image src="../../../static/index.png" mode="" style="width: 750rpx; height: 750px;margin-top: 0;"></image>

		</view> -->
	</view>

</template>
<script>
	import indexBackgroundImage from "@/static/coupon.png"
	import uniLoadMore from '@/components/uni-load-more/uni-load-more.vue';
	import loadingCover from '@/components/loading/loading.vue';
	import nsLogin from '@/components/ns-login/ns-login.vue';
	import diyNotice from '@/components/diy-notice/diy-notice.vue';
	import http from 'common/js/http.js';
	export default {
		name: 'scroll',
		components: {
			diyNotice,
			nsLogin,
			uniLoadMore,
			loadingCover,
		},
		mixins: [http],
		data() {
			return {
				jplist:[],
				yushoulist: "",
				indexBackgroundImage: indexBackgroundImage,
				couponList: [],
				rementuijian: "",
				web_qrcode: "",
				logo: "",
				wgtver: "",
				appver: "",
				iconRootPath: "_www/static/",
				getToken: '',
				cardCur: 0,
				swiperList: [],
				swiperList2: [],
				dotStyle: false,
				towerStart: 0,
				direction: '',
				cartlist: [],
				categorylist: [],
				category_id: '',
				leftimg: [],
				rightimg: [],
				templateData: [],
				title: '',
				index: 0,
				textArr: [{
					title: '',
				}],
				number: 0,
				timer: null,
				isshow: '',
				jingxuan: '',
				mycontent: '',
				commodity: '',
				jilu: '',
				resou: '',
				version: '',
				huodong: '',
				maskLayerOpen: false, //防止页面穿透
				goodsDetail: {},
				currentGoodsSkuName: [], //当前选中的规格名称集合
				isIphoneX: false, //判断手机是否是iphoneX以上
				numbers: 1, //购买数量
				selectedSkuInfo: {
					picCoverSmall: "", //预览图
					stock: 0,
					displayPrice: 0,
				},
				goodsId: 0,
				skuId: 0,
				groupId: 0,
				bargainId: 0,
				skuList: [],
				userType:''
			};
		},


		computed: {
			text() {
				return {
					id: this.number,
					title: this.textArr[this.number]
				}
			}
		},
		mounted() {
			this.startMove();

		},
		onReady() {},
		onLoad() {
			console.log('获取appid')
		},
		onShow() {

			//#ifdef APP-PLUS
			// 版本更新
			this.startWgt()
			//#endif
			this.getlist();
			this.getWapPageLayout();
			// if(uni.getStorage('token')){
			this.getToken = uni.getStorageSync('token')
			this.getcouponList()
			if(uni.getStorageSync('userType')){
				this.userType = uni.getStorageSync('userType')
			}
			// }

		},
		methods: {

			getcouponList() {
				this.sendRequest({
					url: 'System.Member.coupon',
					data: {
						type: 1
					},
					success: res => {
						if (res.code == 0) {
							this.couponList = res.data;
						}
					}
				});
			},
			keyInput2() {
				var a = this.numbers.replace(/[^\d]/g, "")
				console.log('值：', a)
				// console.log('输入的值：',this.number)
				// if(this.number == /^\d+$/){

				// }
			},
			refreshSku() {

				//匹配当前选中的商品规格，找到sku_id
				var sku_length = this.goodsDetail['spec_list'].length; //应选中规格数量

				this.pictureId = this.goodsDetail.picture;
				if (this.skuList.length > 1) {

					for (let i = 0; i < this.skuList.length; i++) {
						let item = this.skuList[i];
						let value = item.attr_value_items;
						let match_sku_count = 0; //匹配规格数量
						this.currentGoodsSkuName = []; //每次匹配时都要清空

						for (let j = 0; j < this.goodsDetail['spec_list'].length; j++) {
							let spec = this.goodsDetail['spec_list'][j];
							for (let k = 0; k < spec.value.length; k++) {

								if (spec.value[k].selected && !spec.value[k].disabled) {
									let index = value.indexOf(spec.value[k].spec_id + ":" + spec.value[k].spec_value_id);
									if (index > -1) {
										match_sku_count++;
										this.currentGoodsSkuName.push(spec.value[k].spec_name + ":" + spec.value[k]
											.spec_value_name);
									}
								}

							}
						}

						if (sku_length == match_sku_count) {
							this.skuId = item.sku_id;
							this.selectedSkuInfo = item;
							break;
						}

					}

				} else {
					this.skuId = this.skuList[0].sku_id;
					this.selectedSkuInfo = this.skuList[0];
				}

				if (this.selectedSkuInfo.picture > 0) {
					this.pictureId = this.selectedSkuInfo.picture;
					this.selectedSkuInfo.picCoverSmall = this.selectedSkuInfo.sku_img_main.pic_cover_small;
				} else {
					this.selectedSkuInfo.picCoverSmall = this.goodsDetail['img_list'][0]['pic_cover_small'];
				}

				this.selectedSkuInfo.displayPrice = this.selectedSkuInfo.promote_price;
				if (this.getToken != '') {

					if (parseFloat(this.selectedSkuInfo.member_price) < parseFloat(this.selectedSkuInfo.promote_price)) {
						this.selectedSkuInfo.displayPrice = this.selectedSkuInfo.member_price;
					}

				}

				if (this.selectedSkuInfo.stock > 0) {
					this.maxBuy = this.goodsDetail.max_buy > 0 ? this.goodsDetail.max_buy : this.selectedSkuInfo.stock;
					this.minBuy = this.goodsDetail.min_buy > 0 ? this.goodsDetail.min_buy : 1;
				} else {
					this.maxBuy = 0;
					this.minBuy = 0;
				}

				// 预售、团购、、积分等活动不需要改变价格
				if ((this.topPermissions == 1) || (this.goodsDetail.point_exchange_type != 2 && this.goodsDetail
						.point_exchange_type !=
						3 && this.promotionType != 2 && this.orderType != 4 && this.orderType != 6 && this.promotionType !=
						7)) {

					if (this.promotionType == 3) {
						//砍价活动取原价
						this.selectedSkuInfo.displayPrice = this.selectedSkuInfo.price;
					}

					var pointText = "";
					if (this.goodsDetail.point_exchange_type == 1 && this.goodsDetail.point_exchange > 0) {
						pointText = "+" + this.goodsDetail.point_exchange + "积分";
					}
					this.selectedSkuInfo.displayPrice = "¥" + this.selectedSkuInfo.displayPrice + pointText;
				}

				// 如果是拼团活动
				if (this.orderType == 4 && this.goodsDetail['promotion_detail']['pintuan'] != null) {

					for (let i in this.goodsDetail['promotion_detail']['pintuan']['data']['sku_list']) {
						let curr = this.goodsDetail['promotion_detail']['pintuan']['data']['sku_list'][i];
						if (curr.sku_id == this.skuId) {
							this.selectedSkuInfo.displayPrice = "¥" + curr.tuangou_price;
						}
					}
				}

				this.numbers = this.minBuy;

			},
			closeSkuPopup() {
				this.$refs.skuPopup.close();
			},
			changeNum(tag) {
				if (this.selectedSkuInfo.stock == 0) return;

				if (tag == '+') {
					if (this.numbers >= 0) {
						this.numbers = this.numbers + this.goodsDetail.min_buy;
					} else {
						uni.showToast({
							title: '当前数量不合法'
						})
					}

					// 加
					// if (this.number < this.maxBuy) {
					// 	// this.number++
					// 	this.number = this.number + this.goodsDetail.min_buy;
					// } else {
					// 	return;
					// }
				} else if (tag == '-') {
					if (this.numbers <= 0) {
						uni.showToast({
							title: '无法减少'
						})
					} else {
						this.numbers = this.numbers - this.goodsDetail.min_buy
					}
					// 减
					// if ((this.number > this.minBuy && this.minBuy > 0) || (this.number > 1 && this.minBuy == 0)) {
					// 	this.number = this.number - this.goodsDetail.min_buy
					// } else {
					// 	return;
					// }
				}

			},
			confirm() {

				if (this.numbers <= 0) {
					uni.showToast({
						title: '当前购买数量不合法'
					})
				} else {
					if (this.getToken != '') {
						//纠正数量
						this.numbers = parseInt(this.numbers)
						console.log('this.number==========', this.number)
						if (isNaN(this.numbers)) this.numbers = this.minBuy;
						if (this.selectedSkuInfo.stock == 0) {
							this.$util.showToast({
								title: '商品已售罄',
							});
							return;
						}
						if (this.btnSwitch == false) {
							return;
						}
						this.btnSwitch = false;
						var cart_detail = {
							goods_id: this.goodsId,
							count: this.numbers,
							goods_name: this.goodsDetail.goods_name,
							sku_id: this.skuId,
							sku_name: this.selectedSkuInfo.sku_name,
							price: this.selectedSkuInfo.price,
							picture_id: this.pictureId,
							shop_name: ''
						};

						this.sendRequest({
							url: "System.Goods.addCart",
							data: {
								"cart_detail": JSON.stringify(cart_detail)
							},
							success: res => {
								var data = res.data;
								this.$refs.skuPopup.close();
								if (data.code > 0) {
									this.$util.showToast({
										title: '加入购物车成功',
									});
									// this.getCartCount();
								} else if (data.code == -1) {
									this.$util.showToast({
										title: '只有会员登录之后才能购买，请进入会员中心注册或登录。',
									});
								} else if (data.code == 0) {
									this.$util.showToast({
										title: data.message,
									});
								}else if(res.code == -99999){
									this.$util.showToast({
										title: res.message,
									});
								}
								this.btnSwitch = true;
							}


						});

					} else {
						this.$refs.login.clickLogin();

					}
				}

			},
			addshopping(e) {
				// console.log("************************",e)
				this.goodsId = e.goods_id
				this.skuId = e.sku_list[0].sku_id
				this.getGoodsDetail()
				//同步获取商品详情
				this.maskLayerOpen = true;
				console.log("66666666666666", this.$refs.skuPopup.open)
				this.$refs.skuPopup.open(() => {
					this.maskLayerOpen = false;
				});
			},
			async getGoodsDetail() {
				let res = await this.sendRequest({
					url: 'System.Goods.goodsDetail',
					async: false,
					data: {
						goods_id: this.goodsId,
						sku_id: this.skuId,
						group_id: this.groupId,
						bargain_id: this.bargainId
					}
				});
				let data = res.data;
				console.log("data====================", data)
				if (data != null && data.goods_detail) {
					this.goodsDetail = data.goods_detail;
					this.skuList = this.goodsDetail.sku_list;
					this.refreshSku();
				} else {
					uni.showToast({
						title: "商品信息有误",
						icon: 'none'
					})
				}
			},
			startWgt() {
				var that = this;
				var iphoneType = uni.getSystemInfoSync().platform;
				plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
					// uni.setStorageSync('this.version.version_number', widgetInfo.version)
					console.log("1111111111111111111111111111111", widgetInfo)
					console.log("666666666666666666666", plus.runtime.version)
					that.wgtver = widgetInfo.version;
					that.appver = plus.runtime.version;
					uni.request({
						url: 'https://yiyaoapp.xihewh.com/api.php?method=System.Member.getlink',
						sslVerify: false,
						data: {
							version: widgetInfo.version,
							name: widgetInfo.name
						},
						success: (result) => {
							console.log("///////////////////////////", result)
							var data = JSON.parse(result.data);
							uni.setStorageSync('this.version.version_number', data.data.link
								.version_number)
							console.log("data.data.link.version_number=====================", data.data
								.link.version_number)
							console.log("widgetInfo.version=====================", widgetInfo.version)
							//app版本号获取方式
							// let topIconPath=plus.io.convertLocalFileSystemURL(this.iconRootPath)+"/uploadimg.png";			
							// //plus.runtime.version; 与服务器的版本进行比较;
							// const upDater=uni.requireNativePlugin("CL-UpDater");
							// let options={
							// 	title:"升级,有数据需要更新，请点击升级",
							// 	con:"1、修复了登录输入框数据问题;2、优化了模块管理添加和删除卡顿问题",
							// 	// downUrl:iphoneType == 'android' ?'https://yiyaoapp.xihewh.com/'+data.data.link.download_address:'http://itunes.apple.com/cn/app/id1582764341?mt=8',//请设置下载apk地址,ios设置苹果商店的连接地址;
							// 	downUrl:"https://yiyaoapp.xihewh.com/upload/app_upgrade/2021113002353122080.apk",//请设置下载apk地址,ios设置苹果商店的连接地址;
							// 	hidCancelbtn:false,//可选 隐藏取消按钮
							// 	btnBgColor:"#eb423b",//可选 按钮颜色
							// 	updateBtnText:"立即升级",//可选, 升级按钮文字,
							// 	verCode:"1.0.1",//最新apk版本号 可选  只有Android整包升级可以设置这个参数 ,可以避免用户取消安装apk时,重复下载问题,如果不传的话,apk将会重新下载
							// 	hidBackBtn:false, //可选 只有android整包更新才可以控制后台更新按钮是否显示，热更新是不显示这个按钮的   	
							// 	downMsgTip:"资源下载中，请稍后...", //可选(android)
							// 	topImgBg:topIconPath//可选 除非需要自定义头部logo，否则不需要传;
							// }
							// //必需提供下载地址;
							// upDater.startUpdate(options,()=>{
							// 		iphoneType == 'android' ? plus.runtime.quit() : plus.ios.import("UIApplication").sharedApplication().performSelector("exit");
							// 	console.log("弹框关闭了");

							// });	
							if (data.data.link.version_number > widgetInfo.version) {
								// var that=this;

								console.log("22222222222222")
								// uni.showToast({
								// 	title: widgetInfo.version,
								// 	icon: 'none'
								// })	
								if (iphoneType == 'android') {
									console.log("android=======================")
									//注意：服务器的热更新版本号必需大于本地wgt版本号
									let topIconPath = plus.io.convertLocalFileSystemURL(that
										.iconRootPath) + "/uploadimg.png";
									//第一步要获取本地的wgt版本号；
									const upDater = uni.requireNativePlugin("CL-UpDater");
									let options = {
										title: "有版本需要更新，请点击更新",
										con: "1、包月自动化;\n1、2、优化了模块问题",
										downUrl: 'https://yiyaoapp.xihewh.com/' + data.data.link
											.download_address,
										// downUrl:'https://itunes.apple.com/cn/app/id1582764341?mt=8',
										hidCancelbtn: true, //可选
										btnBgColor: "#587dff", //可选
										downMsgTip: "资源下载中，请稍后...", //可选
										updateBtnText: "升级", //可选 升级按钮文字,
										topImgBg: topIconPath, //可选 除非需要自定义头部logo，否则不需要传;
									}
									console.log("666666666666666666666666", options)
									//第一步创建文件下载路径，并创建文件;
									plus.io.requestFileSystem(plus.io.PUBLIC_DOWNLOADS, function(
										fobject) {
										//设置文件下载根路径;	
										let rootPath = fobject.root.fullPath;
										upDater.wgtUpdate(options, rootPath, result => {
											if (result) {
												var pathNew = plus.io
													.convertAbsoluteFileSystem(result);
												console.log(pathNew);
												plus.runtime.install(pathNew, {
													force: false
												}, function() {
													//进行重新启动;
													plus.runtime.restart();
												}, (e) => {
													uni.showToast({
														title: '安装升级包失败' +
															JSON
															.stringify(
																e),
														icon: 'none'
													})

												});

											}

										}, () => {
										
											iphoneType == 'android' ? plus.runtime
												.quit() :
												plus.ios.import("UIApplication")
												.sharedApplication().performSelector(
													"exit");
											console.log("弹框关闭了");
										});
									})
								} else {

									console.log("ios=======================")
									//app版本号获取方式
									let topIconPath = plus.io.convertLocalFileSystemURL(that
										.iconRootPath) + "/uploadimg.png";
									//plus.runtime.version; 与服务器的版本进行比较;
									const upDater = uni.requireNativePlugin("CL-UpDater");
									let options = {
										title: "升级,有数据需要更新，请点击升级",
										con: "1、包月自动化;2、优化了模块问题",
										downUrl: "https://itunes.apple.com/cn/app/id1582764341?mt=8", //请设置下载apk地址,ios设置苹果商店的连接地址;
										hidCancelbtn: true, //可选 隐藏取消按钮
										btnBgColor: "#587dff", //可选
										downMsgTip: "资源下载中，请稍后...", //可选
										updateBtnText: "升级", //可选 升级按钮文字,
										topImgBg: topIconPath, //可选 除非需要自定义头部logo，否则不需要传;
									}

									必需提供下载地址;
									upDater.startUpdate(options, () => {

										console.log("弹框关闭了");

									});

								}

							}


						},
						fail(e) {
							console.log("999999999999999999999", e)
						}
					});

					console.log("---------------------------")
				});
			},
			myisshow() {
				uni.showModal({
					title: '提示',
					content: '您还未登录，请先登录',
					cancelText: "取消", // 取消按钮的文字  
					confirmText: "去登录", // 确认按钮文字  
					showCancel: false, // 是否显示取消按钮，默认为 true
					confirmColor: '#39B54A',
					cancelColor: '#f55850',
					success: (res) => {
						if (res.confirm) {
							uni.navigateTo({
								url: '/pages/login/login/login'
							})
						} else {
							console.log('else', res)
						}
					}
				})
			},
			active() {
				uni.navigateTo({
					url: '/pages/search/search?mycontent=大礼包'
				})

				// url: '/pages/member/coupon/coupon'
				// uni.navigateTo({
				// 	url: '/pages/member/coupon/coupon'
				// 	// url: '/pages/myactive/myactive?huodong=' + this.huodong
				// })
			},
			toimg(e) {
				console.log("eeeeeeeeeeeee",e)
				var aa = e.split("=")
				console.log("sssssssssss",aa)
				if (e != 0) {
					uni.navigateTo({
						url: '/pages/goods/detail/detail?goods_id=' + aa[1]
					})
				}
			},
			goSwiper(e) {
				var aa = e.split("=")
				uni.navigateTo({
					url: '/pages/goods/detail/detail?goods_id=' + aa[1]
				})

			},

			// 限时抢购
			qiang() {
				// var rob=JSON.stringify(this.rob)
				// uni.navigateTo({
				// 	url:'/pages/search/search?rob='+rob
				// })
			},
			//精选
			myessence() {
				var essence = JSON.stringify(this.jingxuan)
				uni.navigateTo({
					url: '/pages/search/search?essence=' + essence
				})
			},
			sousearch(e) {
				console.log(e)
				uni.navigateTo({
					url: '/pages/search/search?mycontent=' + e
				})
			},
			// 搜索
			gosearch() {
				uni.navigateTo({
					url: '/pages/search/search?mycontent=' + this.mycontent
				})
				console.log('开始搜索', this.mycontent)
			},
			// 更新
			update() {
				plus.runtime.getProperty(plus.runtime.appid, function(widgetInfo) {
					uni.getSystemInfo({ //获取手机系统信息
						success: (res) => {
							// 如果当前手机为android,则向后台请求安装包，升级应用
							if (res.platform == 'android') {
								console.log('当前手机系统为android')
								console.log("本机的", widgetInfo)
								uni.setStorageSync('this.version.version_number', widgetInfo.version)
								uni.request({
									url: 'https://yiyaoapp.xihewh.com/api.php?method=System.Member.getlink',
									data: {},
									success: (result) => {
										console.log("result============", JSON.parse(result
											.data))
										// 如果后台传来的版本号和本机的版本号不一样,并且本机的版本号<后台传来的版本号  提示更新
										if (widgetInfo.version != JSON.parse(result.data)
											.data.link.version_number && JSON.parse(result
												.data).data.link.version_number >
											widgetInfo.version) {
											uni.showModal({ //提醒用户更新
												title: "有新版本可以更新",
												content: "你确定要升级当前应用吗？",
												showCancel: false,
												success: (res) => {
													if (res.confirm) {
														let url =
															'https://yiyaoapp.xihewh.com/' +
															JSON.parse(result
																.data).data
															.link
															.download_address
														plus.runtime.openURL(
															url);
													}
													if (res.cancel) {
														let url =
															'https://yiyaoapp.xihewh.com/' +
															JSON.parse(result
																.data).data
															.link
															.download_address
														plus.runtime.openURL(
															url);
													}
												},

											})
										}
									}
								});
							} else {
								uni.showToast({
									title: '当前没有ios版本的安装包',
									icon: 'none',
									duration: 3000,
								})
							}
						}
					})



				});
			},

			// 判断登陆
			godeng() {
				uni.navigateTo({
					url: '/pages/login/login/login'
				})
			},
			mouseenter() {
				clearInterval(this.timer)
			},
			mouseleave() {
				this.startMove()
			},
			startMove() {
				this.timer = setTimeout(() => {
					if (this.number === 2) {
						this.number = 0;
						this.index = 0;
					} else {
						this.index = 1;
						this.number += 1;
					}
					this.startMove();
				}, 2000) // 滚动不需要停顿则将2000改成动画持续时间
			},

			getWapPageLayout() {

				var type = 2;
				this.sendRequest({
					url: 'NsDiyView.DiyView.getDiyView',
					data: {
						template_type: 'index',
						type: type
					},
					success: res => {
						let data = res.data;
						this.textArr = res.data.res
					},
					fail: res => {}
				});
			},
			getlist() {
				this.sendRequest({
					url: 'System.Member.getCate',
					success: res => {
						// console.log("order_distribution==============",res.data.order_info.order_distribution)
						// console.log("days==============",res.data.order_info.pay_time)
						if (res.code == -9999) {
							// 未登录
						} else if (res.code == 0) {
							if(res.data.user.user_status == 0){
								var iphoneType = uni.getSystemInfoSync().platform;
								iphoneType == 'android' ? plus.runtime
									.quit() :
									plus.ios.import("UIApplication")
									.sharedApplication().performSelector(
										"exit");
							}

							var newDay = parseInt(new Date().getTime() / 1000)
							console.log("newDay===================", newDay)
							if (res.data.order_info != null) {
								if (parseInt(newDay - 15552000) > res.data.order_info.pay_time && res.data
									.order_info.order_distribution == 1 && res.data.order_info.days == 180) {

									console.log("进来了============================")
									uni.showModal({
										title: '提示',
										content: '您的铺货已到期，请支付铺货账款。',
										cancelText: "取消", // 取消按钮的文字  
										confirmText: "确定", // 确认按钮文字  
										showCancel: true, // 是否显示取消按钮，默认为 true
										success: (successRes) => {
											if (successRes.confirm) {
												uni.navigateTo({
													url: '/pages/index/index/pay?out_trade_no=' +
														res.data.order_info.out_trade_no +
														'&payType=1'
												})
											} else {
												if (uni.getSystemInfoSync().platform == 'ios') {
													plus.ios.import("UIApplication")
														.sharedApplication().performSelector(
															"exit")
												} else if (uni.getSystemInfoSync().platform ==
													'android') {
													plus.runtime.quit();
												}
											}
										}
									})
								} else if (parseInt(newDay - 7776000) > res.data.order_info.pay_time && res
									.data.order_info.order_distribution == 1 && res.data.order_info.days == 0
								) {
									uni.showModal({
										title: '提示',
										content: '您的铺货已到期，请支付铺货账款。',
										cancelText: "取消", // 取消按钮的文字  
										confirmText: "确定", // 确认按钮文字  
										showCancel: true, // 是否显示取消按钮，默认为 true
										success: (successRes) => {
											if (successRes.confirm) {
												uni.navigateTo({
													url: '/pages/index/index/pay?out_trade_no=' +
														res.data.order_info.out_trade_no +
														'&payType=1'
												})
											} else {
												if (uni.getSystemInfoSync().platform == 'ios') {
													plus.ios.import("UIApplication")
														.sharedApplication().performSelector(
															"exit")
												} else if (uni.getSystemInfoSync().platform ==
													'android') {
													plus.runtime.quit();
												}
											}
										}
									})
								}
							}

							// 登录
							this.leftimg = res.data.left[0],
							this.rightimg = res.data.right, //右展示图
							console.log("rightimg====================", res)
							this.swiperList = res.data.bananer //轮播图
							this.yushoulist = res.data.yslist
							this.jplist = res.data.jplist
							this.logo = res.data.websit.logo
							this.web_qrcode = res.data.websit.web_qrcode
							this.swiperList2 = res.data.advertisement //轮播2
							this.jingxuan = res.data.recommend //精选商品
							this.jilu = res.data.host //热搜记录
							this.resou = res.data.resou
							this.rementuijian = res.data.rementuijian
							this.categorylist = res.data.category,
							this.cartlist = res.data.goods,
							this.category_id = res.data.category[0].category_id
							this.version = res.data.link
							this.huodong = res.data.huodong[0].adv_image
							console.log('活动', this.huodong)
							console.log('版本号是：', this.version.version_number)

						}

					}
				});
			},
			gotiao(e) {
				console.log('点击分类===', e)
				if (e == 12) {
					uni.switchTab({
						url: '/pages/goods/category/category?e=1',
					})

					uni.setStorageSync('id', 1)
					// uni.navigateTo({
					// 	url: '/pages/search/search?mycontent=' + ''
					// })
				} else {
					uni.switchTab({
						url: '/pages/goods/category/category?e=' + e,
					})
					uni.setStorageSync('id', e)
				}

			}
		}
	}
</script>

<style lang="scss">
	@import 'static/css/goods/detail.scss';
</style>
<style scoped>
	/deep/ .uni-popup__wrapper.uni-custom .uni-popup__wrapper-box {
		max-height: unset !important;
	}

	.sku-layer>>>.uni-popup__wrapper-box {
		overflow-y: initial !important;
	}

	.FontLeft {
		width: 240rpx;
		height: 100rpx;
		border: 1rpx solid #EEEEEE;
		display: flex;
		justify-content: center;
		align-items: center;

		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #999999;
	}

	.FontRight {
		width: 440rpx;
		height: 100rpx;
		border: 1rpx solid #EEEEEE;
		border-left: none;
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24rpx;
		font-family: Source Han Sans CN;
		font-weight: 400;
		color: #666666;
	}

	.poster-layer>>>.uni-popup__wrapper-box {
		max-height: initial !important;
	}

	.product-discount .countdown .clockrun>>>.uni-countdown__number {
		min-width: 32rpx;
		height: 32rpx;
		text-align: center;
		line-height: 32rpx;
		background: #000;
		/* // #690b08 */
		border-radius: 4px;
		display: inline-block;
		padding: 4rpx;
		margin: 0;
		border: none;
	}

	.product-discount .countdown .clockrun>>>.uni-countdown__splitor {
		width: 10rpx;
		height: 32rpx;
		line-height: 36rpx;
		text-align: center;
		display: inline-block;
		color: #000;
		padding: 0 4rpx;
	}

	.original-price {
		text-decoration: line-through;
		color: #333;
		font-size: 26rpx;
	}
</style>
<style>
	.myinput {
		padding-left: 30rpx;
		padding-right: 30rpx;
		font-size: 26rpx;
		background-color: #FFFFFF;
		width: 640rpx;
		margin: 0 auto;
		height: 78rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-radius: 40rpx;
	}

	.mylist {
		width: 312rpx;
		background: #FFFFFF;
		margin-bottom: 32rpx;
		border-radius: 20rpx;
		margin-right: 8rpx;
	}

	.fuli {
		margin-right: 17rpx;
		font-size: 30rpx;
		font-family: Source Han Sans SC;
		text-align: center;
		color: #FFFFFF;
		width: 209rpx;
		height: 50rpx;
		background: #60A3F0;
		border-radius: 20rpx 0rpx 30rpx 0rpx;
	}

	.active-tit {
		margin-top: 24rpx;
		margin-bottom: 24rpx;
		font-size: 36rpx;
		font-family: Source Han Sans SC;
		font-weight: bold;
		line-height: 54rpx;
		color: #000000;
	}

	.member-main {
		width: auto;
		padding-left: 34rpx;

		margin-top: 25rpx;
		margin-bottom: 18rpx;

	}

	.member-img-tit {
		width: 160rpx;
	}

	.member-img {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 160rpx;
		height: 160rpx;
		background-color: #F9F9F9;

	}

	.member-tit {
		font-size: 30rpx;
		color: red;
	}

	.member-top {
		display: flex;
	}

	.qiang {
		margin-right: 17rpx;
		font-size: 30rpx;
		font-family: Source Han Sans SC;
		text-align: center;
		color: #FFFFFF;
		width: 209rpx;
		height: 50rpx;
		background: #E63A38;
		opacity: 1;
		border-radius: 20rpx 0rpx 30rpx 0rpx;
	}

	.member {
		width: 640rpx;
		margin: 0 auto;
		background: #FFFFFF;
		opacity: 1;
		border-radius: 20rpx;
	}

	.myresou {
		display: flex;
		padding-left: 16rpx;
		padding-right: 16rpx;
		margin: auto 0;
		width: auto;
		margin-right: 15rpx;
		background-color: #5E82E1;
		color: #FFFFFF;
		border-radius: 20rpx;
	}

	.resou-tit {
		display: flex;
		margin-top: 10rpx;
		width: 120rpx;
		display: flex;
		flex-direction: row;
		font-size: 24rpx;
		font-family: Source Han Sans SC;
		color: #FFFFFF;

	}

	.resou {
		display: flex;
		width: 640rpx;
		margin: 0 auto;
		margin-top: 26rpx;

	}

	.myinput {

		margin-top: 113rpx;
		background-color: #FFFFFF;
		width: 640rpx;
		margin: 0 auto;
		height: 78rpx;
		opacity: 1;
		border-radius: 40rpx;
	}

	.text {
		font-size: 28rpx;
		font-family: Source Han Sans SC;
		color: #333333;
		margin-top: 10rpx;
	}

	.myicon {
		width: 25%;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;

	}

	.fenlei {
		display: flex;
		flex-wrap: wrap;
		border-radius: 20rpx;
		padding: 29rpx 0;
		width: 100%;
		margin: 0 auto;
		height: 386rpx;
		background-color: #FFFFFF;
		margin-top: 16rpx;
	}

	.mymain {
		width: 640rpx;
		margin: 0 auto;
		background-color: #F6F5F5;

	}

	.top {
		width: 100%;
		height: auto;
		background: url(../../../static/sousuo.png) no-repeat;
		background-size: 100% 502rpx;

	}
</style>
